<%--
  Created by IntelliJ IDEA.
  User: 97203
  Date: 2018/06/08
  Time: 15:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<html>
<head>
    <title>Title</title>
    <%@include file="/static/common/common.jsp" %>
    <script type="text/javascript" src="/static/js/temporary.js"></script>
</head>
<body>
<table id="temporary_datagrid"></table>
<div id="tb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="drop">拒保</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-switch',plain:true" data-cmd="remand">提审</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>
    <%--<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true" data-cmd="exportXls">导出</a>--%>
    <%--<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-redo',plain:true" data-cmd="importXls">导入</a>--%>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-redo',plain:true" data-cmd="Showgoods">查看商品明细</a>

    <div id="import_dialog">
        <form id="import_form" method="post" enctype="multipart/form-data" action="/temporary/importXls.do">
            <table>
                <tr>
                    <td><input type="file" name="file" id="file"></td>
                    <td><input type="button" value="导入" onclick="fileSubmit()"></td>
                </tr>
            </table>
        </form>
    </div>
    <td>投保人:</td><input name="namekeyword" class="easyui-textbox" prompt="请输入投保人名字">
    <td>保单编号:</td><input name="snkeyword" class="easyui-textbox" prompt="请输入保单编号">

    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" data-cmd="query">查询</a>

</div>

<div id="form_btn">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="save">保存</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>

</div>

<div id="temporary_dialog">
    <form id="form" method="post">
        <div id="p" class="easyui-panel" data-options="fit:true">
            <div id="aa" class="easyui-accordion" data-options="fit:true,multiple:true,selected:false">
                <div id="accord1" title="投保人" style="overflow:auto;padding:10px;"
                     data-options="multiple:true,selected:false">

                    <table>
                        <!--拿到的保险产品的id-->
                        <input type="hidden" name="car.customer.id">
                        <input type="hidden" name="customer.id"/>
                        <tr style="height: 40px;">
                            <td>姓名</td>
                            <td width="500"><input class="easyui-validatebox textbox"  style="width: 152px;height: 30px;" name="customer.name" data-options="required:true,validType:'length[3,10]'"></td>
                            <td align="left">性别</td>
                            <td width="500">
                                <select id="customergender" name="customer.gender" class="easyui-combobox"
                                        data-options="panelHeight:'auto',width:'200px'">
                                    <option value="1">男</option>
                                    <option value="0">女</option>
                                </select>
                            </td>
                            <td>身份证</td>
                            <td width="300px">
                                <input name="customer.idNo" class="easyui-validatebox textbox" style="width: 152px;height: 30px;"
                                       data-options="required:true,validType:'idcard'"/>
                            </td>
                        </tr>
                        <tr style="height: 40px;">
                            <td>联系方式</td>
                            <td>
                                <input class="easyui-validatebox textbox" style="width: 152px;height: 30px;" name="customer.tel" data-options="required:true,validType:'mobile'"/>
                            </td>
                        </tr>
                        <tr style="height: 40px;">
                            <td>通讯地址</td>
                            <td>
                                <input id="address" name="customer.address"
                                       class="easyui-textbox" style="width: 300px"/>
                            </td>
                        </tr>
                    </table>
                    <table>
                        <tr>
                            <th>
                                <a class="easyui-linkbutton"
                                   data-options="iconCls:'icon-search'" data-cmd="choose_potentialCustomer">会员客户</a>
                            </th>
                        </tr>
                    </table>

                </div>
                <div id="accord3" title="车辆信息" data-options="multiple:true,selected:false" style="overflow:auto;padding:10px;">
                    <table>
                        <tr style="height: 40px;">
                            <td>车主姓名:</td>
                            <td width="300px">
                                <input class="easyui-textbox" style="width: 150px;"  name="car.customer.name" id="nnnnname"
                                       data-options="required:true"/>
                            </td>
                            <td>品牌</td>
                            <td width="300px">
                                <input id="carbrand" class="easyui-textbox" style="width: 150px;" name="car.brand"/>
                            </td>
                            <td>型号</td>
                            <td width="300px">
                                <input id="carmodel" name="car.model" style="width: 150px;" class="easyui-textbox"/>
                            </td>
                        </tr>
                        <tr style="height: 40px;">
                            <td>车牌号码</td>
                            <td>
                                <input id="carplateNumber" name="car.plateNumber" class="easyui-textbox" data-options="required:true"
                                       style=" height: 30px;width: 150px"/>
                            </td>
                            <td>排气量</td>
                            <td>
                                <input id="fasDisplacement" name="car.fasDisplacement" style="width: 150px;" class="easyui-textbox"/>L
                            </td>
                            <td>汽车分类</td>
                            <td>
                                <select class="easyui-combobox" name="car.category" id="carcategory" style="width:150px;"
                                        data-options="panelHeight:'auto'">
                                    <option value="1">载客</option>
                                    <option value="0">载物</option>
                                </select>
                            </td>
                        </tr>
                        <tr style="height: 40px;">
                            <td >购置日期</td>
                            <td>
                                <input name="car.purchaseDate" id="carpurchaseDate" style="width:150px;"
                                       class="easyui-datebox"/>
                            </td>
                            <td>市场估价</td>
                            <td>
                                <input  name="car.valuation" id="carvaluation" class="easyui-textbox" style="width:150px;"/>万
                            </td>
                            <td>车载大小</td>
                            <td>
                                <select class="easyui-combobox" id="carsize" name="car.size" style="width:150px;"
                                        data-options="panelHeight:'auto'">
                                    <option value="0">小型</option>
                                    <option value="1">中型</option>
                                    <option value="2">大型</option>
                                    <option value="3">超大型</option>
                                </select>
                            </td>
                        </tr>

                        <tr style="height: 40px;">
                            <td>
                                <a class="easyui-linkbutton" style="width:150px;"
                                   data-options="iconCls:'icon-search'" data-cmd="choose_car">常见车型选择</a>
                            </td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
                <div id="accord4" title="保险产品" data-options="multiple:true,selected:false" style="padding:10px;">
                    <table>
                        <tr>
                            <td>承保机构</td>
                            <td width="500">
                                <input id="safe_select" name="institutions.id" style="width:200px;" onchange="changeSafe();"/>
                                <a class="easyui-linkbutton" data-options="iconCls:'icon-add'" data-cmd="add_product">添加产品</a>
                            </td>
                            <td>保险时长</td>
                            <td>
                                <input name="duration" style=" height: 30px;width: 150px" id="duration" class="easyui-validatebox textbox" data-options="required:true" onchange="calculate();"/>年
                            </td>
                        </tr>
                        <tr id="hidethis" class="product-tr" data-oid="-1" style="display: none">
                            <td>保险产品:</td>
                            <td id="productName" width="300"></td>
                            <td>保险编号:</td>
                            <td id="productSn" width="200"></td>
                            <td>保险年费:</td>
                            <td id="annuaFlee" class="annuaFlee" width="100">0</td>
                            <td><a class="easyui-linkbutton"
                                   data-options="iconCls:'icon-shanchu',plain:'true'" onclick="delete_this(this);"></a></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td valign="bottom"><font>总计: </font></td>
                            <td valign="bottom"><font color="red" size="10" id="totalAmout" name="totalAmout">0</font></td>
                            <td valign="bottom"><font>元</font></td>
                        </tr>
                    </table>
                </div>
                <div style="margin:20px 0;"></div>

                <%--<input type="button" style="margin-left: 550px;width:110px;height: 40px;" onclick="temporary_submit();"--%>
                       <%--class="easyui-linkbutton" value="暂存保单">--%>

            </div>
        </div>
        <div id="choose_product_dialog">
            <table id="product_datagrid"></table>
        </div>
        <div id="choose_potentialCustomer_dialog">
            <table id="potentialCustomer_datagrid"></table>
        </div>
        <div id="choose_car_dialog">
            <table id="car_datagrid"></table>
        </div>


        <div id="product_btns2">
            <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_product">确定</a>
        </div>
        <div id="potentialCustomer_btns2">
            <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_potentialCustomer">确定</a>
        </div>
        <div id="car_btns2">
            <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_car">确定</a>
        </div>
    </form>

</div>

<div id="choose1_product_dialog">
    <table id="product1_datagrid"></table>
</div>
</body>
</html>
